import React, {
  Component,
  StyleSheet,
  Text,
  TextInput,
  View,
  TouchableOpacity,
  Image,
} from 'react-native';


class About extends Component {
  constructor(props){
    super(props);
    this.state = {};
  }

  render() {
    
    return(
      <View style={styles.container}>
        <Image
          style={styles.baobaoLogo}
          source={require('../../icon/logo.png')}
        />

        <Text style={styles.versionText}>
          抱抱网 Bobowo 1.00
        </Text>
      <View style={styles.footer}>
        <Text style = {styles.footerText}>抱抱V1.00  版权所有</Text>
        <Text style = {styles.footerText}>
          copyright@2016深圳前海抱抱网络科技股份有限公司
        </Text>
      </View>
    </View>
    );
  }
}

const styles = StyleSheet.create({
  container:{
    backgroundColor:'#fff',
    alignItems:'center',
    flex:1,
  },
  baobaoLogo:{
    alignSelf:'center',
    marginTop:50,
    width:120,
    height:120
  },
  versionText:{
    fontSize:14,
    color:'#656565',
    marginBottom:10,
  },
  footer:{
    flex:1,
    alignItems:'center',
    justifyContent:'center',
  },
  footerText:{
    fontSize:12,
    color:'#656565',
    marginBottom:10,
  }
});

module.exports = About;
